@charset "utf-8";

.all-tabs {
    margin: 10px auto auto;
    padding-top: 10px;
    width: 1040px;
}

a.current {
    backgroung-color: #e1e1e1;
}
#tabsText {
    list-style: none;
    position: inherit;
    padding: 0;
    margin: 0;
}

#tabsText{
    border:3px solid #e1e1e1;
    clear: both;
    overflow-x: auto;
    overflow-y: auto;
    border-radius: 5px;

/*    min-height: 600px;*/
}
#tabsText .profile-tabs {
    background: none repeat scroll 0 0 #FFFFFF;

    /*padding: 5px;*/
    position: inherit;
    height: 510px;
    overflow: auto;
    display: none;
    right: 124px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
}
/*******************************************************************/

/*для фотки - аватары*/
.avatar {
    float: left;
}
.avatar img {
    width: 112px;
    height: 112px;
}

.controls{
    margin-left: 150px;
}

.control-group:before, .control-group:after {
    content: "";
    display: table;
    line-height: 0;
}
.control-group{
    margin-bottom: 10px;
}

.text-group{
    display: block;
    float: left;
   /* margin-left: 20px;*/
    padding-right: 0;
    text-align: left;
    width: 60px;
}

.search-vars {
    clear:left;
    padding-top: 20px;

}

.personal-data {
    height: 130px;
    padding-left: 50px;
    float:left;
    color: #3e3e38;
}

.footer-bottom {

    bottom: 0;
}

.userLk {
   vertical-align: middle;
   font-size: 23px;
   background: none repeat scroll 0% 0% #F6F6F6;
   margin: 32px auto 15px;
   height: 37px;
   width: 1040px;
   padding-top: 9px;
   padding-bottom: 9px;
}
.search-vars.userLk-href a{
    color: #52ba00;
}
.userLk-href {
    color: #52ba00;
    text-decoration: underline;
    font-size: 19px;
    padding: 7px 30px;
    position: inherit;
    top: 10px;
    float: left;

}

/*
.userLk-tab-title {
    float: left;
    padding-right: 10px;
}
*/
/*
.userLk-tab-title a:hover{
    color: #207300;
}
*/
.search-vars table{
    font-size: 16px;
    border: none;
}
.search-vars tbody{
    border: none;
}
.row {
    background: #f6f6f6;
    border:none;
}
/********************************************************/
            #tabs{
              overflow: hidden;
              width: 100%;
              margin: 0;
              padding: 0;
              list-style: none;
            }

            #tabs ul{

                margin-left: 2px;
            }
            #tabs li{
              float: left;
              margin: 0 9px;
            }
            #tabs a{
                 background: none repeat scroll 0 0 #f6f6f6;
                 border-left: 3px solid #d8d8d8;
                 border-radius: 5px 5px 0 0;
                 border-right: 3px solid #d8d8d8;
                 border-top: 3px solid #d8d8d8;
                 float: left;
                 height: 24px;
                 padding: 0.7em 20px;
                 position: relative;
                 text-decoration: none;
            }



            #tabs a:hover,
            #tabs a:hover::after,
            #tabs a:hover::before,
            #tabs a:focus,
            #tabs a:focus::before,
            #tabs a:focus::after{
              background: #d8d8d8;
            }
            #tabs a:focus{
              outline: 0;
            }
            #tabs a::after{
                background: none repeat scroll 0 0 #f6f6f6;
                border-radius: 0 5px 0 0;
                border-right: 3px solid #d8d8d8;
                bottom: 0;
                content: "";
                height: 48px;
                position: absolute;
                right: -6px;
                -moz-transform: skew(10deg); /* Для Firefox */
                -ms-transform: skew(10deg); /* Для IE */
                -webkit-transform: skew(10deg); /* Для Safari, Chrome, iOS */
                -o-transform: skew(10deg); /* Для Opera */
                transform: skew(10deg);
                width: 12px;
                z-index: 1;
            }

            #tabs a::before{
                background: none repeat scroll 0 0 #f6f6f6;
                border-radius: 5px 0 0 0;
                border-left: 3px solid #d8d8d8;
                bottom: 0;
                content: "";
                height: 48px;
                position: absolute;
                left: -6px;
                -moz-transform: skew(-10deg); /* Для Firefox */
                -ms-transform: skew(-10deg); /* Для IE */
                -webkit-transform: skew(-10deg); /* Для Safari, Chrome, iOS */
                -o-transform: skew(-10deg); /* Для Opera */
                transform: skew(-10deg);
                width: 12px;
                z-index: 1;
            }

            #tabs #current a,
            #tabs #current a::before,
            #tabs #current a::after{
              background: #fff;
              z-index: 3;
            }
            #content
            {
                background: #fff;
                padding: 2em;
                height: 220px;
                position: relative;
                z-index: 2;
                border-radius: 0 5px 5px 5px;
                box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
            }



/* category in first tab  */

.circle{
    height:9px;
    width:9px;
    position: relative;
    float:left;
    top: 16px;
    right: -43px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 6px;
    box-shadow:  0 1px 1px 0 rgba(0, 0, 0, 0.88) inset;
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    z-index: 3;
}

.nose {
    border-color: #FFFFFF #D8D8D8 #FFFFFF #FFFFFF;
    border-style: solid;
    border-width: 17px;
    float: left;
    height: 0;
    right: -1px;
    width: 0;
    z-index: 2;
    margin-top: 4px;
    position: relative;
    top: 1px;

}


.category {
    background: none repeat scroll 0  0  rgb(216, 216, 216);
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgb(0, 0, 0);
    color: rgb(0, 0, 0);
    float: left;
    font-size: 17px;
    height: 19px;
    margin: 3px auto;
    text-align: center;
    padding: 5px 15px 12px;
}


.circle-row{
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    border-radius: 6px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.88) inset;
    float: left;
    height: 9px;
    position: relative;
    right: -43px;
    top: 16px;
    width: 9px;
    z-index: 3;
}
.nose-row {
    border-color: rgb(243, 243, 243) rgb(216, 216, 216) rgb(243, 243, 243) rgb(243, 243, 243);
    border-style: solid;
    border-width: 17px;
    float: left;
    height: 0;
    right: -1px;
    width: 0;
    z-index: 2;
    margin-top: 4px;
    position: relative;
    top: 1px;
}

.flower-row {
    float: left;
    left: 10px;
    position: static;
    top: 12px;
    width: 18px;
    padding-left: 15px;
    padding-top: 12px;
}

#Lk-table {
    border: none;
}
/*
#Lk-tbody {
    border: none;
}
*/
.username {
    color: #5ebf11;
    font-size: 20px;
}

.mediumSizeFont {
    font-size: 21px;
    color: #3e3e38;
    padding-bottom: 15px;
    padding-top: 20px;
}

.userLk-Lk {
    float: left;
    width: 80%;
}

.userLk-out {
    color: rgba(61, 61, 61, 0.7);
    font-size: 16px;
    float: right;
    padding-right: 12px;
    padding-top: 8px;
}
#Lk-table td {
    padding: 8px;
    /*vertical-align: middle;*/
}

.userEmail {
    color: #5ebf11;
    font-size: 18px;
    text-decoration: underline;
}

.profile {
    width: 50%;
    float: left;
    padding-left: 22px;
    font-size: 24px;
}

#username-profile {
    color: #52ba00;
    text-decoration: underline;
}

.tab-panel {
    color: #52ba00;
    text-decoration: underline;
    text-align: right;
    font-size: 16px;
    position: inherit;
    float: right;
    width: 40%;
}

.lk-profile {
    background: none repeat scroll 0 0  rgba(87, 87, 87, 0.08);
    float: right;
    height: 90px;
    position: absolute;
    right: 111px;
    top: 30px;
    width: 326px;
}
.lk-profile   img {
    float: left;
    width: 60px;
    height: 60px;
    margin-top: 14px;
    margin-left: 17px;
}
.lk-profile   p {
    font-size: 20px;
    text-align: right;
    float: right;
    width: 190px;
    padding-top: 11px;
    padding-right: 15px;
}

.lk-profile p + p {
    color: #52ba00;
}
.td-del-kWrds {
    text-align: right;
    vertical-align: middle;
    width: 60px;
}


.controlButtons {
    display: inline-block;
    float: left;
}

.deleteButtonImage, .editSearchButtonImage {
    display: inherit;
    float: left;
    margin: 7px 0px 0px 7px;
    width: 16px;
    height: 19px;
}
.deleteButtonImage {
    background: url("../images/del.png") no-repeat;
    background-size: contain;
}

.editSearchButtonImage {
    background: url("../images/edit.png") no-repeat;
    background-size: contain;
}

.deleteButtonImage:hover {
    background: url("../images/del_hover.png") no-repeat;
    background-size: contain;
}

.editSearchButtonImage:hover {
    background: url("../images/edit_hover.png") no-repeat;
    background-size: contain;
}
